<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>processing</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="../../../static/styles/layout.css" type="text/css">
<script src="../../../static/scripts/html5shiv.js"></script>

</head>
<body>
<div class="wrapper row1" >
  <header id="header" class="clear">
    <div id="hgroup">
      <h1><a href="#">HISTORIES</a></h1>
      <h2>www.dhfstudio.com</h2>
    </div>
    <nav>
      <ul>
        <li><a href="/history/unprocessed">unprocessed</a></li>
        <li><a href="/history/processing">processing</a></li>
        <li><a href="/history/processed">processed</a></li>
        <li class="last"><a href="../user/logout">logout</a></li>
      </ul>
    </nav>
  </header>
</div>
<!-- content -->
<div class="wrapper row2">
  <div id="container">
    <!-- content body -->


    <!-- Two Third -->
    <section class="clear">
      <div class="one_third">
        <h2>One Third</h2>
        <p>Lors.</p>
      </div>
      <div class="two_third lastbox">
        <h2>Two Third</h2>
        <p>Lortibulum.</p>
      </div>
    </section>
    <!-- / Two Third -->

    <hr>
    <!-- Three Third -->
    <section class="last clear">
      <div class="three_third">
        <h2>Three Third</h2>
        <p> congue.</p>
        <p>Sudin. </p>
      </div>
    </section>
    <hr>
    <!-- / Three Third -->

    <!-- Three Third -->
    <section class="last clear">
      <div class="three_third">
        {% for h in history%}
        <h2> {{ h.id }} </h2>
        <p> {{ h.status }} </p>
        <p>{{ h.status|truncatechars:3 }}...</p>
        <hr>
        {% endfor %}
      </div>
    </section>

    <!-- / Three Third -->


  </div>
</div>
<!-- footer -->
<div class="wrapper row3">
  <footer id="footer">
    <p class="fl_left">Copyright &copy; 2021 - All Rights Reserved - <a href="#">Domain Name</a></p>
    <p class="fl_right">Created by <a target="_blank" href="https://www.dhfstudio.com/">DHF Studio</a></p>
    <div class="clear"></div>
  </footer>
</div>
</body>
</html>
